<!-- 页面中的内容 -->

<!-- 搜索 -->
<div class="form-div search_form_div">
    <form method="GET" name="search_form">
		<p>
			角色名称：
	   		<input type="text" name="role_name" size="30" value="" />
		</p>
		<p><input type="submit" value=" 搜索 " class="button" /></p>
    </form>
</div>
<!-- 列表 -->
<div class="list-div" id="listDiv">
	<table cellpadding="3" cellspacing="1">
    	<tr>
            <th >角色名称</th>
            <th >权限名称</th>
			<th width="60">操作</th>
        </tr>
		{volist name="roles" id="role"}
		<??>
			<tr class="tron">
				<td>{$role.role_name}</td>
				<td>{$role.auth_name}</td>
		        <td align="center">
		        	<a href="{:url('editShow',['id'=>$role['rid']])}" title="编辑">编辑</a> |
	                <a href="javascript:;" class="del_btn" rid="{$role.rid}" title="移除">移除</a> 
		        </td>
	        </tr>         
		{/volist}
	</table>
</div>
<script>
//异步删除用户
$('.del_btn').click(function(){

	//给用户友好提示
	if(!confirm('您确定要删除吗？')){
		return false;
	}

	//ajax异步删除
	var oTr = $(this).parents('tr');//当前行
	var url = "{:url('del')}";//提交地址
	var id = $(this).attr('rid');//id
	$.get(url,{id:id},function(data){

		if(data.status){

			oTr.fadeOut('slow', function() {
				oTr.remove();
			});

		}else{
			alert(data.msg);
		}

	},'json');

});
</script>